<template>
  <!-- <Composition />
  <hr />
  <Child /> -->
  <Data />
  <hr />
  <Computed />
  <hr />
  <LifeCycle />
  <hr />
  <Watch />
  <hr />
  <Ref />
  <hr />
  <Component />
  <hr />
  <Component2 />
  <hr />
  <Provide />
  <hr />
  <Store />
</template>

<script>
// import Composition from "./components/01-composition.vue";
// import Child from "./components/Child.vue";
import Data from "./components/02-data.vue";
import Computed from "./components/03-computed.vue";
import LifeCycle from "./components/04-lifecycle.vue";
import Watch from "./components/05-watch.vue";
import Ref from "./components/06-ref.vue";
import Component from "./components/07-component.vue";
import Component2 from "./components/08-component.vue";
import Provide from "./components/09-Provide.vue";
import Store from "./components/11-store.vue";

export default {
  components: {
    // Composition,
    // Child,
    Data,
    Computed,
    LifeCycle,
    Watch,
    Ref,
    Component,
    Component2,
    Provide,
    Store,
  },
};
</script>
